import React, { Component } from 'react';

class Boundaries extends Component {
  // 这是一个父组件，用来框住会报错的组件，避免影响更多内容
  constructor() {
    super();
    this.state = {
      // 是否报错
      error: false
    }
  }
  // 捕获到子组件报错
  componentDidCatch() {
    this.setState({
      error: true
    })
  }
  render() {
    return (
      <div>
        {this.state.error?'报错啦！':this.props.children}
      </div>
    );
  }
}

export default Boundaries;
